<template>
	<view class="content">
		<image :src="pageData.banner_image" mode=""></image>
		
		<view class="">
			<rich-text :nodes="pageData.content"></rich-text>
		</view>
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				id: null,
				pageData: {}
			}
		},
		onLoad(query) {
			console.log(query);
			this.id = query.id;
			this.id = 4;
		},
		onShow(query) {
			this.getserviceDetail(this.id);
		},
		methods: {
			async getserviceDetail(id) {
				let res = await this.$api.serviceDetail({
					id: id
				});
				if (res.code == 1) {
					this.pageData = res.data;
				}
			}
		}
	}
</script>

<style>
	
	.content{
		padding: 20rpx;
		font-size: 24rpx;
	}

</style>